<template>
  <ul class="eleven">
    <li>
      <h4>双十一同价限时购</h4>
        <div class="timeImg">
           <img src="http://img0.imgtn.bdimg.com/it/u=571513678,1378354010&fm=26&gp=0.jpg" alt="">
           <img src="http://img3.imgtn.bdimg.com/it/u=45520000,1736705477&fm=11&gp=0.jpg" alt="">
        </div>
    </li>
   <li>
      <h4>双十一同价限时购</h4>
        <div class="timeImg">
           <img src="http://img3.imgtn.bdimg.com/it/u=45520000,1736705477&fm=11&gp=0.jpg" alt="">
           <img src="http://img0.imgtn.bdimg.com/it/u=571513678,1378354010&fm=26&gp=0.jpg" alt="">
        </div>
    </li>
  </ul>
</template>
<style lang="scss">
@import '@/lib/reset.scss';
.eleven {
  overflow:hidden;
  li{
    float:left;
    @include rect(1.77rem, 1rem);
    @include background-color(rgba(170,170,170,1));
    @include margin(0.05rem 0.02rem);
    @include border-radius(5px);
    margin-left:6px;
    h4{
      margin-left:10px;
    }
    .timeImg{
        // @include rect(0.6rem, 0.5rem);
        display:flex;
        flex-wrap: wrap;
        justify-content:space-around;
        margin-top:10px;
        padding:0 11px;

     img{
        @include rect(0.6rem, 0.5rem);
     }
    }
  }
}
</style>
